.alert.alert-dismissible{
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 19.5px 0 17.5px 15px;
}
.session-alert .container{
    padding: 0;
}
.alert .close{
    padding: 0;   
    position: relative;
    padding-right: 5px;
    margin-top: -6px;
}
.alert-text-box{
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
}
.timer-alert-box.alert.alert-danger.alert-dismissible {
border-radius: 8px;
background: #8862DD;
display: flex;
width: 100%;
height: 64px;
justify-content: center;
align-items: center;
flex-shrink: 0;
color: #FFF;
font-family: Plus Jakarta Sans;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-align: center;
}
.letter-spacing {
    letter-spacing: 2px !important;
    padding: 4px;
}
.wrong-alert-box {
background: #EB3460;
border: none;
color: #FFFFFF;
}
.alert-content{
   
   font-family: Poppins;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 20px;
   text-align: justify;  
}
.alert-content.delete ,.alert-content.info{
   color: #FFFFFF;
}
.alert-content.success{
   color: #32B97C;;
}  
.alert {
 margin: 0;
}
.alert-dismissible{
margin: 16px 0;
}
.alert-main-box {
position: fixed;
z-index: 1000;
width: 100%;
background: white;
}



.main-content.notfy{
padding-top: 96px;
}
.main-content{
padding-top: 40px;
} 

 .timer-alert-item {
    text-align: center;
}


@media (max-width: 767px) { 
    .timer-alert-item{
        font-size: 12px !important; 
    }
    .alert-content { 
        font-size: 12px; 
    } 

    .letter-spacing{
        font-size: 12px; 
    }
}













@media (max-width: 578px) { 
    .alert.alert-dismissible .container{ 
        align-items: flex-start !important;
        justify-content: space-between !important;
    }
    .alert-text-box {
        display: flex;
        gap: 12px;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 20px;
        width: 100%;
    }
    .box-close-alert {
        position: absolute;
        right: 0;
        scale: 0.7;
    }
    span.time-line {
        display: block;
        width: 100%;
        text-align: center;
    }
} 



@media (min-width: 579px) and (max-width: 1100px) {

    .alert.alert-dismissible {
        min-height: 64px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 19.5px 1px 17.5px 11px;
    }
    .alert-dismissible .alert-text-box  svg {
        width: 25px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .box-close-alert{
        position: absolute;
        right: 0;
        top: 0;
    }
   
    
    .alert-content {
        padding: 0 47px 0px 32px;
    } 
  

    }